<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

<!DOCTYPE  html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="resources/js/sun-init.js"></script>
<script type="text/javascript" src="resources/js/sun.login.js"></script>
<script type="text/javascript" src="resources/js/ajaxfileupload.js"></script>
<!-- <link rel="stylesheet" href="resources/css/sun.login.css"/> -->
<style type="text/css">
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  border: 1px solid #CCC!important;
}
body{
  background: url("resources/images/backgril.jpg");
}
.loginbox{
  text-align: center;
  left:50px;
  top:100px;
  border-radius:30px;
  width:350px;
  height:400px;
  position: relative;
  z-index: 1000;
  opacity:0.57;
  filter:alpha(opacity=57);
  background:url("resources/images/blackback.png") ;/* #5e505f  */
}
.logo{
  position:relative;
  top:10px;
  font-size:30px;
  color:#e7cd5e;
  font-weight: lighter;
}
.userPng,.keyPng{
 position: absolute;
 display: block;
 left:20px;
 width: 38px;
 height: 38px;
}
.username,.password{
  top:30px;
  width:310px;
  height:38px;
  margin: 20px 0;
  text-indent:20%;
  font-size: 14px;
  color: #a0a0a1;
}
.btn_control{
  height: 60px;
  padding-top: 20px;
  font-size: 14px;
  color: #a0a0a1;
}
.codetxt{
  text-indent:20%;
  width: 200px;
  height: 31px;
  font-size: 14px;
  color: #a0a0a1;
}
.msgImg{
  position:relative;
  width:16px;
  height:16px;
  left:34px;
  top:28px;
  display: block;
}
.button{
    border:none;
	width:152px;
	height:60px;
	color:#bcf1a7;
	outline:none;
    background:url("resources/images/button/submit0.jpg") repeat-x left -75px;
}
.button:hover{
    background:url("resources/images/button/submit0.jpg") repeat-x left top;	
	color:#ffafaf;	
}
.msgInfo{
  font-size:15px;
  color:red;
  font-weight: lighter;
}
</style>
<title>后台管理系统</title>
</head>
<body>
<div id="login" class="loginbox">
    <span class="logo">后台管理系统</span>
    <form  id="loginForm" action="login/login" method="post">
        <div class="userPng" style="top:56px;background: url('resources/images/user.png');"></div>
        <div class="keyPng" style="top:140px;background: url('resources/images/password.png');"></div>
        <input  type="text"  class="username" name="username"/><br/>
        <input  type="password"  class="password" name="password"/>
        <div class="btn_control">
        <div class="msgImg"></div>
        <input type="text"  maxlength="4" onkeyup="" class="codetxt"/>
        <a><img src="kaptchaImage" id="kaptchaImage" style="margin-bottom: -12px;" title="点击换一张"/></a>
        </div>
        <div class="btn_control">
            <input id="submit" type="submit" class="button" value="登录" />
            <input id="regist" type="button" class="button" value="注册" />
        </div>
    </form>
    
    <!-- <input type="file" height="20px" width="100px" id="fileupload" name="fileupload">
    <input id="upload" type="button" value="上传"> -->
    
</div>
</body>
</html>